<!DOCTYPE html>
<html lang="zh_CN">

<head>
  <meta charset="UTF-8">
  <title><%= htmlWebpackPlugin.options.title %></title>
  <meta name=Keywords content="<%= htmlWebpackPlugin.options.keywords %>">
  <meta name=Description content="<%= htmlWebpackPlugin.options.description %>">
  <link rel="shortcut icon" href="//www.artup.com/img/logoMin.ico" type="images/x-icon" />
</head>

<body style="opacity:0;">
<div id="app">
  <unify-header></unify-header>
  <suspension class="suspend" ref="suspend" :show-height="showSuspensionHeight">
    <div class="container">
      <div class="upper">
        <div class="wrapper">
          <label class="suspend-label">家 . 书</label>
          <label class="customization-item current">颜色：怀旧色</label>
          <label class="customization-item current">尺寸：170*235mm</label>
          <label class="customization-item current">页数：96页</label>
          <button class="customization-btn" @click="startCustom">开始定制</button>
        </div>
      </div>
    </div>
  </suspension>
  <div id="contents">
    <div class="selectProduct">
      <div class="selectProductContent">
        <div class="selectProductContentLeft">
        </div>
        <div class="selectProductContentRight">
          <div class="price">
            <div class="introduce">
              <ul>
                <li>家·书</li>
                <li>记录大家庭几代人的记忆</li>
                <li>见证家族百年家风的传承</li>
              </ul>
            </div>
            <div class="selectParameter">
              <ul>
                <!--<li>颜色</li>-->
                <li>尺寸</li>
                <li>页数</li>
              </ul>
              <ul>
                <!--<li>怀旧色</li>-->
                <li>170 X 235mm</li>
                <li>96页</li>
              </ul>
              <ul>
                <li>598 RMB</li>
              </ul>
              <ul>
                <li>
                  <a href="javascript:void(0);" @click="startCustom">开始定制</a>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="jiashu_msg jiashu_bg1" ref="showSuspensionFlag">
      <div class="content">
        <div class="cont_lf">
          <strong>NOSTALGIA</strong>
          <p>定制礼盒 更有仪式感</p>
          <span>封面可定制主题照片 烫银角贴固定保护 <br/>表层覆欧经典花式纸 里外兼顾精致体面</span>
        </div>
        <div class="cont_rg">
          <!--<img src="http://image2.artup.com/resources/static/pc/jiashu/jiashu01.png" alt="" />-->
        </div>
      </div>
    </div>
    <div class="jiashu_msg jiashu_bg2">
      <div class="content">
        <div class="cont_rg">
          <strong>FAMILY TRADITION</strong>
          <p>怀旧风格 延续独有的岁月感</p>
        </div>
      </div>
    </div>
    <div class="jiashu_msg jiashu_bg3">
      <div class="content">
        <div class="cont_rg">
          <strong>ORIGINALITY</strong>
          <p>匠心工艺 让记忆长久珍藏</p>
          <span>泛黄复古艺术纸，精致纹理，配以轻微颗粒触感<br/>书贴采用锁线工艺，完美珍藏定格瞬间</span>
        </div>
      </div>
    </div>
    <div class="jiashu_msg jiashu_bg4">
      <div class="content">
        <div class="cont_lf">
          <strong>MEMORY</strong>
          <p>把老照片中岁月的痕迹<br/>编织成一本独一无二的家书</p>
        </div>
      </div>
    </div>

  </div>
  <unify-footer></unify-footer>
</div>
</body>

</html>

</body>

</html>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-113376322-1"></script>
<script>
  window.dataLayer = window.dataLayer || []
  function gtag() {
    dataLayer.push(arguments)
  }
  gtag('js', new Date())

  gtag('config', 'UA-113376322-1')
</script>
